<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}{% endblock %}{{ SITENAME }}</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="/js/extlib/video-js/video.js"></script>
  <link rel="stylesheet" type="text/css" href="/js/extlib/video-js/video-js.css">
  <style type="text/css">
   body {
     margin: 0px;
     padding: 0px;}
  </style>
  <style type="text/css">
   .vjs-default-skin .vjs-big-play-button
     {
       top: 50%;
       left: 50%;
       margin: -1.5em auto auto -2em;
   }
   .vjs-play-progress, .vjs-volume-level {
     background-color: #86D4B1 !important;
   }
  </style>
</head>

<body id="index">
  {% include "campaign_video.html" %}
</body>
</html>
